﻿@charset "utf-8";
/* 样式说明： 初始化css
 * 开发时间： 2014-03-12
 * 开发者： yjs   
 * 维护者： yjs
 *
 * 版本时间： 2014-03-12
 * 注意事项： 基本样式,所有共用基本样式将在这里定义
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,table, th, td,iframe,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
 margin: 0;  padding: 0;  vertical-align: baseline;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,i {font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none;}
/** 设置默认字体 **/
body {color: #222222;font-family: "Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial,Tahoma;font-size: 14px;line-height: 1.6;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
em{font-style:normal;}
/** 重置列表元素 **/
/** 重置超链接元素 **/
a {color: #2E7DC6; text-decoration: none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clr{clear:both!important;}
.dis_none{display:none;}
.ap{position:relative;}
.pointer{cursor:pointer;}
.tc{text-align:center!important;}
.vm{vertical-align:middle!important;}
.bold{font-weight:bold;}
.bgwhite{background:#fff;}
.hidden{overflow:hidden;}
.body{width:1000px; margin:0 auto;padding: 2.5em 0 3.5em;}
/**---------------------------- initialize--------------------------*/
.mar_l_05{margin-left:5px;}
.mar_l_10{margin-left:10px;}
.mar_r_05{margin-right:5px;}
.mar_r_10{margin-right:10px;}
.mar_b_10{margin-bottom:10px;}
.mar_t_05{margin-top:5px;}
.mar_t_10{margin-top:10px;}
.pad_l_10{padding-left:10px;}
.space_05{height:5px; overflow:hidden;}
.space_30{height:30px; overflow:hidden;}
.mar_l_20{margin-left:20px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.col008{color:#e00008;}
.col460{color:#460000;}
a.col6e0{color:#6e0000; text-decoration:underline;}
.zi_yahei{font-family:"微软雅黑","宋体";}
.w_80{width:80px;}
.w_200{width:200px;}
.w_300{width:300px;}
.w_400{width:400px;}
.head_box { background-color: #F3F3F3;  border-bottom: 1px solid #C3C3C3;  border-top: 4px solid #67AD03; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 -1px 0 0 #FCFCFC inset; position: relative;}
.head_box .inner{width: 1000px; height:60px; margin:0 auto;}
.logo {float: left; font-size: 24px; padding-top: 8px;}
.logo a {display: block; height:40px; overflow: hidden; background:url(../images/bg_logo1c6bdf.png) no-repeat; text-decoration: none; width: 248px;}
.account {float: right; _display:inline; padding-top: 10px;position:relative;}
.account a {color: #222222; float:left; margin-right:15px;}
.account a.name{margin:18px 15px 0 0;}
.account label{position:absolute; top:10px; left:52px;}
.account_logout{ border-left: 1px solid #ADADAD; box-shadow: 1px 0 0 0 #FFFFFF inset;  display: inline-block;  margin-left:20px; margin-top: 18px; padding-left: 14px;}
/*  main */
.main{background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 3px; box-shadow: 0 2px 2px 0 #E3E3E3; min-height: 650px;}
.side,.aside{min-height:650px; float:left;}
.side{background-color: #F3F3F3; width:189px;border-right: 1px solid #D3D3D3;}
.side .menu li{background:#F3F3F3; cursor:pointer; line-height:40px; text-indent:2em; position:relative; text-verflow:ellipsis; white-space:nowrap; overflow:hidden; width:auto; border-top: 1px solid #D1D1D1; box-shadow: 0 1px 0 0 #FDFDFD inset;}
.side .menu li.bor_t_no{border-top:none;}
/*.side .menu li.on{ background-color: #6BB05F; background-image: linear-gradient(to bottom, #79BD6E 0px, #62A855 100%); border-bottom: 1px solid #549249; box-shadow: none; color: #FFFFFF;}*/
.side .menu li ul{display:none;}
.side .menu li ul li{padding:0; background:#F3F3F3; color:#222222; padding:5px 0 5px 10px; line-height:25px;}
.side .menu li ul li.hover {background-color: #B5DAAF;}
.aside{width:808px; background:#fff;}
.aside .asidetop{background-color: #E9E9E9; background-image: linear-gradient(to bottom, #F3F3F3 0px, #E3E3E3 100%); border-bottom: 1px solid #D3D3D3; box-shadow: 0 1px 0 0 #FCFCFC inset;color: #545454; font-size: 14px; height: 36px; line-height: 36px; color:#545454;}
.asidetop .tab_navs{box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; line-height: 36px;text-align: center; float:left;}
.asidetop .search_bar {margin-right: 20px; text-align: right;}
.frm_input_box {background-color: #FFFFFF; border: 1px solid #C3C3C3; border-radius:20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; display: inline-block;  font-size: 14px;  height: 30px; line-height: 30px;  padding: 0 10px 0 30px; position: relative;vertical-align: middle; width:170px;}
.icon16_common {display: inline-block; height: 16px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 16px;}
.icon16_common.search_gray {background: url(../images/base_z.png) no-repeat 0 -1974px;left: 0.8em;position: absolute; top: 50%; margin-top:-8px;}
.frm_input, .frm_textarea {background-color:transparent;border: 0 none;outline: 0 none; width: 100%;}
.sub_title_bar {line-height: 38px; padding: 0 20px;}
.sub_title_bar.white {background: #FFFFFF;border-bottom: 1px solid #CFCFCF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);}
.sub_title_bar .info {float: left;}
.sub_title_bar h3 {float: left; margin-right: 15px; font-size: 14px; font-style: normal;font-weight: 400;}
.frm_radio_label, .frm_checkbox_label {cursor: pointer; display: inline-block; margin-right: 1em; text-align: left;float:left;}
.icon_checkbox.selected, .selected .icon_checkbox { background: url(../images/base_z.png) no-repeat 0 -3285px;}
.icon_checkbox {background: url(../images/base_z.png) no-repeat 0 -3259px;display: inline-block;height: 16px;margin-top: -0.2em;vertical-align: middle;width: 16px;}
.frm_radio, .frm_checkbox {left: -999em;position: absolute;}

.btn.page_prev, .btn.page_next {background-color: #F4F4F4;background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%);border-color: #C3C3C3;color: #000000;font-size: 0;height: 21px; letter-spacing: -5px;line-height: 21px;padding-left: 20px; padding-right: 20px; position: relative;width: auto;}
.btn.page_prev .arrow, .btn.page_next .arrow {left: 50%; margin-left: -3px; margin-top: -6px; position: absolute;top: 50%;}
.page_next .arrow {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666666; border-style: dashed dashed dashed solid; border-width: 6px 0 6px 6px; display: inline-block;height: 0;width: 0;}
.page_prev .arrow {display: inline-block; width: 0; height: 0; border-width: 6px; border-style: dashed;  border-color: transparent;  border-left-width: 0; border-right-color: #666;  border-right-style: solid}
.page_nav_area { letter-spacing: 4px;}
.page_nav_area, .goto_area {display: inline-block;font-size: 12px;vertical-align: middle;}
.page_num { display: inline-block; font-size: 14px; letter-spacing: normal; vertical-align: middle;}
.btn.page_prev:hover,.btn.page_next:hover {  background-color: #f8f8f8;  background-image: -moz-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);   background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f8f8f8));  background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);  background-image: -o-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);  background-image: linear-gradient(to bottom,#f9f9f9 0,#f8f8f8 100%);  box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);  color: #000}
.btn.page_prev button,.btn.page_next button { color: #000}
.press_text{border:1px dashed #fff; cursor:pointer; padding-left:5px; background:#eee;}


.asidetop .tab_navs li{float:left;}
.asidetop .tab_navs li a {color:#222222;display:block;border-right:1px solid #D3D3D3; padding: 0 20px; text-decoration: none;box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;}
.asidetop .tab_navs li.selected {border-top:3px solid #70B213;position: relative;top:-1px; line-height:35px; background:#fff;}
.aside .innder_box{padding:10px 0px; clear:both;border-bottom: 1px solid #CFCFCF;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);}
.group_area{line-height:50px; margin-left:10px;}
.group_area span.word{width:60px; float:left; margin-right:10px; _display:inline; text-align:right;}
.innder_box .group{text-align:left;background:#f4f4f4;background-image:linear-gradient(to bottom,#f9f9f9 0,#f0f0f0 100%);border:1px solid #c3c3c3;border-radius: 3px;height:25px;line-height:25px;*line-height:23px;width:95px; position:relative; display:inline-block; vertical-align:middle;}
.innder_box .group a{color:#000000;}
.innder_box .group:hover{background:#f8f8f8;background-image:linear-gradient(to bottom,#f9f9f9 0,#f8f8f8 100%);box-shadow:0 1px 3px rgba(0,0,0,0.1);color:#000}
.innder_box .group label { cursor: pointer; display: block; margin-left: 10px; margin-right: 27px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;width: auto;}
.innder_box .arrow{position:absolute;right:8px;top:50%;margin-top:-3px;display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-color:#666;border-top-style:solid}
.data_list{display:none;position:absolute;top:26px;left:0;z-index:1;max-height:150px;min-height:2em;min-width:100%;overflow-x:hidden;*overflow-x:auto;overflow-y:auto;border:1px solid #c6c6c6;box-shadow:0 5px 10px rgba(0,0,0,0.2);background-color:#fff;border-radius:3px;font-size:14px}
.data_item:hover{background:#e5e5e5;}
.data_item a{display:block;text-decoration:none;color:#222;white-space:nowrap;padding:0 28px 0 10px;*padding-right:10px}
.aside .tab_menu{border-bottom:1px solid #D3D3D3; border-top:1px solid #D3D3D3; background:#F5F6F6; height:36px; line-height:36px;  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;}
.aside .bor_t_none{border-top:none;}
.aside .tab_menu ul li{float:left;}
.aside .tab_menu ul li.on{background:#D3D3D3;}
.aside .tab_menu ul li a{color: #222222; display: block; padding: 0 20px; text-decoration: none;}
.aside .text_main{background:#fff;padding: 14px 20px; border:0; width:768px; resize:none; word-break: break-all; word-wrap: break-word; height:80px;}
.aside .tab_menu .face{float:left; _display:inline; margin-left:10px;}
.aside .tab_menu .remain{float:right; color:#7B7B7B;_display:inline; margin-right:10px;}
.aside .tab_menu .remain em{color:#f00; margin:0 6px;}
.aside .space{margin-left:15px; line-height:26px;}
.btn_primary,.btn_default{background:#5aaa4b;background-image:linear-gradient(to bottom,#60b452 0,#56a447 100%);border:1px solid #3d810c;color:#fff; display:inline-block;overflow:visible;height:30px;line-height:30px;*line-height:28px;vertical-align:middle;text-align:center;text-decoration:none;border-radius:3px;font-size:14px;cursor:pointer; margin:20px 0 0 20px;}
.btn_default{background:#F4F4F4;}
.btn_primary:hover{background:#53a046;background-image:linear-gradient(to bottom,#5aab4d 0,#4f9841 100%);box-shadow:0 1px 2px rgba(0,0,0,0.3);color:#fff}
.btn_default:hover{background:#f8f8f8;background-image:linear-gradient(to bottom,#f9f9f9 0,#f8f8f8 100%);box-shadow:0 1px 3px rgba(0,0,0,0.1);color:#000}
.btn_primary button{color:#fff;background-color: rgba(0, 0, 0, 0);border: 0 none; display: block; height: 100%;outline: 0 none; overflow: visible; padding: 0 36px; cursor:pointer;}

.main_bd { padding: 20px 50px;}
.account_setting_item {border-bottom: 1px solid #E6E6E6; padding: 24px 16px;}
.account_setting_item h4 { float: left;font-style: normal; font-weight: 400; margin-right: 20px; width: 130px;}
.account_setting_item .meta_opr { color: #A3A3A3; float: right; margin-left: 16px; text-align: right; word-break: break-all;word-wrap: break-word;}
.account_setting_item .meta_content { display: table-cell; float: none;  min-width: 100px; word-break: break-all;word-wrap: break-word;}
.btn {border-radius: 3px; border-style: solid;border-width: 1px; cursor: pointer;display: inline-block; font-size: 14px; height: 30px; line-height: 30px; overflow: visible; padding: 0 36px; text-align: center; text-decoration: none;vertical-align: middle;}
.goto_area input[type="text"] {border: 1px solid #C3C3C3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;font-size: 14px; height: 13px; line-height: 13px;  margin-right: 4px; padding: 4px 0; text-align: center;vertical-align: middle;width: 40px;}
.btn.page_first, .btn.page_last, .btn.page_go {background-color: #F4F4F4;background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; height: 21px; line-height: 21px;padding-left: 12px; padding-right: 12px;width: auto;}
.pagination_wrp { text-align: right;}
.message_list {padding: 20px 20px 0;}
.message_item {border-bottom: 1px solid #DDDCDC;min-height: 46px; padding: 15px 0;}
.message_item:hover{background:#f3f3f3;}
.message_opr {display: none;float: right;margin-right: 20px;}
.message_info {margin-right: 160px;}
.message_content.text { padding-bottom: 2px;padding-top: 0;}
.message_content {color: #7B7B7B; margin-left: 80px;margin-right: 365px;padding-top: 6px;word-break: break-all;word-wrap: break-word;}
.message_status {color: #7B7B7B;float: right; margin-top: 0; min-height: 1em;width: 100px;}
.message_status .tips {color: #A67C52;display: none;font-style: normal;font-weight: 400;margin-left: 1em;}
.message_status .tips i { font-style: normal; font-weight: 400; margin-right: 3px;}
.message_time { color: #7B7B7B; float: right;margin-top: 0;width: 107px;}
.user_info { margin-left: 80px;margin-right: 215px; position: relative;}
.user_info .remark_name { color: #222222;}
.icon14_common.edit_gray {background: url(../images/base_z.png) no-repeat 0 -1371px;margin-left: 4px;margin-top: -0.2em;display: inline-block;height: 14px; line-height: 100px;overflow: hidden;vertical-align: middle;width: 14px;}
.user_info .avatar {left: -60px;position: absolute;top: 0;}
.user_info .avatar img {height: 48px; width: 48px;}
.quick_reply_box {background: #FFFFFF; border-top: 1px solid #E4E4E4;display: none;margin-top: 20px; padding-left: 80px; padding-right: 20px; padding-top: 6px;}
.icon20_common.reply_gray {background: url(../images/base_z.png) no-repeat 0 -2724px;margin-bottom: -5px;margin-left: 14px;}
.icon20_common.reply_gray:hover{background-position:0 -2754px;}
.icon20_common {display: inline-block; height: 20px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 20px;}
.icon16_common.star_gray {background: url(../images/base_z.png) no-repeat 0 -1741px;}
.icon16_common.star_gray:hover {background: url(../images/base_z.png) no-repeat 0 -1766px;}
.message_opr a {margin-left: 14px;}
.quick_reply_box .frm_label {display: block; float: none; padding-bottom: 8px;}
.frm_label {float: left;font-size: 14px;margin-right: 1em;margin-top: 0.3em;width: 5em;}
.emotion_editor {border: 1px solid #D3D3D3;border-radius: 3px; position: relative;z-index: 1;}
.emotion_editor .edit_area {background-color: #FFFFFF; border-top-left-radius: 3px;border-top-right-radius: 3px;height: 80px;outline: 0 none; padding: 14px 20px;word-break: break-all; word-wrap: break-word;}
.editor_toolbar {background: #F5F6F6; background-image: linear-gradient(to bottom, #FAFAFB 0px, #F2F3F3 100%); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #D3D3D3; line-height: 36px; padding: 0 20px;}
.icon_emotion { background: url(../images/icon28_msgsender1c6bdf.png) no-repeat; display: inline-block;height: 28px;vertical-align: middle;width: 28px;}
.emotion_switch { float: left; height: 28px; line-height: 999em;margin-top: 4px; overflow: hidden;}
.icon_emotion.emotion_switch {background-position: 0 -282px;}
.editor_tip {color: #7B7B7B;float: right;}
.editor_tip em { font-style: normal;font-weight: 400;margin-left: 3px;margin-right: 3px;}
.emotion_wrp {display: none;left: 20px;position: absolute; top: 100%; width: 421px;}
.emotions {background-color: #D3D3D3;border-right: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; overflow: hidden;}
.emotions_item {background-color: #FFFFFF; border-bottom: 1px solid #D3D3D3;border-left: 1px solid #D3D3D3; float: left; font-size: 0; height: 27px;  line-height: 27px; text-align: center; width: 27px;}
.emotions_preview {background-color: #FFFFFF; border: 1px solid #D3D3D3; display: block; font-size: 0; height: 80px;line-height: 80px; position: absolute; right: -81px; text-align: center; top: 0;width: 80px;}
.btn_primary {background-color: #5AAA4B;background-image: linear-gradient(to bottom, #60B452 0px, #56A447 100%);border-color: #3D810C;color: #FFFFFF;}
.btn.btn_input {padding: 0;}
.quick_reply_box_tool_bar .pickup {margin-left: 16px;}
.icon_menu { display: inline-block; height: 23px; margin-right:10px; margin-top: -0.2em;vertical-align: middle; width: 23px;}
.icon_menu.manage {background: url(../images/base_z.png) no-repeat;}
.icon_menu.function { background: url(../images/base_z.png) no-repeat 0 -33px;}
.icon_menu_switch {margin-top: -9px;position: absolute; right: 16px; top: 22px;}
.icon_menu_switch {background:url(../images/base_z.png) no-repeat 0 -422px;display: inline-block;height: 16px;vertical-align: middle; width: 16px;}
.menu .on .icon_menu_switch{background:url(../images/base_z.png) no-repeat 0 -396px;}

.icon_menu.service {background: url(../images/base_z.png) no-repeat 0 -99px;}
.icon_common.new {background: url(../images/base_z.png) no-repeat 0 -595px;display: inline-block; height: 18px; line-height: 100px;margin-left: 3px;margin-top: 3px;overflow: hidden;vertical-align: middle;width: 18px;}
.menu_title .new {margin-left: 3px;margin-top: 3px;}
.icon_menu.statistics {background: url(../images/base_z.png) no-repeat 0 -66px;}

.icon_menu.setting {background: url(../images/base_z.png) no-repeat 0 -132px;}






.foot {background-color: #727171;color: #DADADA; padding: 24px 0; text-align: center;}
.ft.links {display: inline-block; margin-right: 2.5em;}
.links_item {border-left: 1px solid #797979; display: inline-block; line-height: 1em; padding: 0 1em;}
.links_item.no_extra {border-left-width: 0;}
.ft .links_item {border-left-color: #DADADA;}
.ft .links_item a { color: #DADADA;}
.copyright {display: inline-block;}
.mark{background:#000000; left: 0; opacity: 0.4; position: absolute; top: 0; z-index:99;}
.dialog_wrp {left: 50%; display:none; position:absolute; top: 50%; width:600px;z-index:100; border:5px solid #c9c9c9; background:#fff; box-shadow:2px 2px 2px #c9c9c9,-2px -2px 2px #c9c9c9; height:400px; margin:-200px 0 0 -300px;}
.dialog_wrp .dialog_hd {background-color: #E7E7E7; background-image: linear-gradient(to bottom, #F2F2F2 0px, #E0E0E0 100%); border-bottom: 1px solid #C2C2C2; height: 38px; line-height: 38px;padding: 0 20px;position: relative; color:#222222;}
.dialog_hd .pop_closed {height: 13px;overflow: hidden;position: absolute; right: 20px;top: 14px; width: 13px; background:url(../images/clo.png) no-repeat; cursor:pointer;}
.type { position: absolute; top: 2px; left: 0; }
.icon_subscribe_label1 { background: url("../images/type.png") 0 -5px no-repeat; width: 38px; height: 16px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; }
.icon_subscribe_label2 { background: url("../images/type.png") 0 -30px no-repeat; width: 38px; height: 16px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; }
#footer { background-color: #727171; color: #DADADA;  margin-top: 50px;  padding: 30px 0;  text-align: center;}
#footer a {  color: #DADADA;  margin-left: 10px;   padding-right: 10px;}


.page_tips { position: fixed; top: 0; left: 0;  text-align: center; width: 100%;  z-index: 3}
.page_tips .inner { display: inline-block; *display: inline;  *zoom: 1; min-width: 250px; padding: 5px 30px; border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;  -moz-border-radius-bottomright: 2px;  -webkit-border-bottom-right-radius: 2px; color: #fff}
.page_tips.success .inner {  background-color: #6bb05e;  border: 1px solid #549249;  border-top-width: 0}
.page_tips.error .inner { -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none; background-color: #EAA000; border-color: #B98710; border-image: none; border-right: 1px solid #B98710;  border-style: solid; border-width: 0 1px 1px;}

.page_media_list .main_bd { padding:0 0 40px;}
.appmsg_list:after {content: "."; display: inline-block;  font-size: 0;height: 0;  margin: 0; overflow: hidden; padding: 0;width: 100%;}
.page_media_list .appmsg_list { border-bottom: 1px solid #E6E6E6; margin-bottom: 20px;}
.appmsg_list { font-size: 0; letter-spacing: -4px;margin: 0 20px; padding-top: 38px; text-align: justify;}
.appmsg_col { display: inline-block;font-size: 14px; letter-spacing: normal; text-align: left;  vertical-align: top; width: 48%;}
.appmsg_col { font-size: 14px;letter-spacing: normal;}

.icon42_common.add_gray {background: url(../images/base_z.png) no-repeat 0 -3065px;}
.icon18_common.add_gray{background: url(../images/base_z.png) no-repeat 0 -1323px;}
.icon42_common { display: inline-block;height: 42px; line-height: 100px;overflow: hidden;vertical-align: middle;width: 42px;}
.appmsg {background-color: #FFFFFF; border: 1px solid #D3D3D3;border-radius: 5px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px;overflow: hidden; position: relative;}
.multi .appmsg_content { padding: 0;}
.appmsg_content { border-bottom: 1px solid #D3D3D3; padding: 0 14px;position: relative;}
.multi .appmsg_info {padding-left: 14px; padding-right: 14px;}
.appmsg_info { font-size: 13px;line-height: 20px;}  
.appmsg_date {font-style: normal;font-weight: 400;}
.cover_appmsg_item {margin: 0 14px 14px; position: relative;}
.cover_appmsg_item .appmsg_title {background:rgba(0, 0, 0, 0.6) !important;bottom: 0;left: 0;position: absolute;width: 100%;}
.multi .appmsg_title {font-size: 14px;padding-top: 0;}
.cover_appmsg_item .appmsg_title a { color: #FFFFFF;padding: 0 4px;}
.appmsg_thumb_wrp {height: 160px;overflow: hidden;}
.appmsg_thumb {width: 100%;}
.appmsg_item {border-top: 1px solid #D3D3D3;padding: 12px 14px; position: relative;}
.appmsg_item:after {clear: both; content: "​"; display: block;height: 0;}
.appmsg_item .appmsg_thumb {float: right;height: 78px;margin-left: 14px;width: 78px;}
.appmsg_item .appmsg_title { line-height: 24px; margin-top: 14px;max-height: 48px;overflow: hidden;}
.multi .appmsg_title {font-size: 14px;padding-top: 0;}
.appmsg_title a {color: #222222;display: block;}
.appmsg_opr {background-color: #F4F4F4;}
.appmsg_opr ul {overflow: hidden;}
.appmsg_opr_item { float: left; height: 44px;line-height: 44px;}
.size1of2 { width: 50%;}
.appmsg_opr_item a { border-right: 1px solid #D3D3D3; box-shadow: 1px 0 0 0 #FFFFFF; display: block;line-height: 20px; margin-top: 12px; text-align: center;}
.icon18_common { display: inline-block;height: 18px;line-height: 100px;overflow: hidden;vertical-align: middle;width: 18px;}
.icon18_common.edit_gray {background: url(../images/base_z.png) no-repeat 0 -2584px;}
.grid_item.no_extra { float: none;overflow: hidden;width: auto;}
.appmsg_opr_item a.no_extra {border-right-width: 0;}
.icon18_common.del_gray {background: url(../images/base_z.png) no-repeat 0 -2192px;}
.appmsg_col {display: inline-block; font-size: 14px;letter-spacing: normal;text-align: left; vertical-align: top; width: 48%;}
.appmsg_col { font-size: 14px;letter-spacing: normal; text-align: left;}
.appmsg {background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: hidden; position: relative;}
.multi .appmsg_content {padding: 0;}
.appmsg_content { border-bottom: 1px solid #D3D3D3; padding: 0 14px; position: relative;}
.appmsg_info {font-size: 13px;line-height: 20px;padding-bottom: 6px;}
.table_msg {  border: 1px solid #D3D3D3;border-radius: 3px;}
.table_msg table {background-color: #FFFFFF; border-collapse: collapse; border-radius: 3px; font-size: 14px;text-align: center;width: 100%;}
.table_msg table thead {background-color: #F0F0F0;}
.table_msg tr:last-child {border-bottom: 0 none;}
.table_msg thead .asc {width: 105px;}
.thead .table_cell:first-child {border-left-width: 0;}
.table_msg thead th { padding-left: 10px;padding-right: 10px;text-align: left;}
.thead .table_cell {border-bottom: 1px solid #D3D3D3;border-left: 1px solid #D3D3D3; line-height: 32px;}
.table_cell {font-style: normal;font-weight: 400;padding: 0;}

.table_msg tr { border-bottom: 1px solid #E6E6E6;}
.table_msg table tbody tr td { height: 31px; padding-left: 10px;padding-right: 10px;text-align: left;}
.table_msg tr:last-child {border-bottom: 0 none;}

.table_msg tr td {border-right: 1px solid #E6E6E6;}
.table_msg table {border-collapse: collapse;font-size: 14px;text-align: center;}
.table_msg tr td ul li { border-bottom: 1px solid #E6E6E6; padding: 5px 10px;}
.table_msg tr td ul .last_li {border-bottom: 0 none;}
.side_r.inner_container_box.split .inner_side { border-left-width: 0; margin-left: 14px;}
.side_r.inner_container_box .inner_side { border-left: 1px solid #D3D3D3; float: right;}
.inner_side {width: 185px;}
.col_side, .inner_side { min-height: 1px;}
.inner_container_box.split .bd {border: 1px solid #D3D3D3;border-radius: 3px;}
.inner_container_box .bd {min-height: 530px;}
.group_list {padding-bottom: 100px;}
.group_list .inner_menu {border-bottom-width: 0;}
.inner_menu:first-child {border-top-width: 0;}
.inner_menu { border-top: 1px solid #CCCCCC;}
.group_list dt.inner_menu_item { background-color: #D6D6D6;border-bottom: 1px solid #CCCCCC;}
.inner_menu_item { line-height: 32px;position: relative;}
.inner_menu_link {color: #222222;  display: block;padding-left: 1em;text-decoration: none}
.inner_menu_item {line-height: 32px;position: relative;}
dd .inner_menu_link { padding-left: 2em;}
.group_list .inner_menu_item.extra {border-top: 1px solid #D3D3D3;box-shadow: 0 1px 0 0 #F5F5F5 inset;margin: 1em;}
.icon14_common.add_gray { background: url(../images/base_z.png) no-repeat 0 -1323px;}
.group_list .inner_menu_link strong { max-width: 75px;}
.inner_menu_link strong { cursor: pointer;display: inline-block;font-style: normal; font-weight: 400; margin-top: -2px;max-width: 80px;overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;width: auto;}
.group_list .inner_menu {border-bottom-width: 0;}
.inner_menu.no_extra {border-top-width: 0;}
.group_list .inner_menu_item:hover, .group_list .inner_menu_item.selected {background-color: #F0F0F0;}
.group_list dt.inner_menu_item {background-color: #D6D6D6;border-bottom: 1px solid #CCCCCC;}
.group_list .inner_menu_link strong {max-width: 75px;}
.group_list .inner_menu_link .num { color: #939393; cursor: pointer; display: inline-block;font-style: normal; font-weight: 400; padding-left: 3px; vertical-align: middle;}
.inner_main { display: table-cell;float: none; width: auto;}

.sub_title_bar:after {clear: both;content: "​"; display: block; height: 0;}
.page_user .sub_title_bar { border-bottom-width: 0;padding: 0 12px;}
.sub_title_bar.default { background-color: #E1E1E1; border-bottom: 1px solid #C4C4C4;}
.sub_title_bar { line-height: 38px; padding: 0 20px;}
.group_select { float: left;}
.dropdown_menu { display: inline-block;line-height: normal;position: relative;text-align: left;width: 95px;}
.group_select .dropdown_wrp {margin-right: 0.5em;}
.dropdown_menu.disabled .dropdown_switch { background-color: #D1D1D1;background-image: linear-gradient(to bottom, #D1D1D1 0px, #D1D1D1 100%);  border-color: #CACACA; color: #AEAEAE; cursor: default;}
.btn.dropdown_switch { background-color: #F4F4F4;  background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000;height: 25px;  line-height: 25px; padding-left: 0;  padding-right: 0; text-align: left; width: 100%;}
.dropdown_switch { position: relative;}
.dropdown_menu.disabled .dropdown_switch label {cursor: default;}
.dropdown_switch label { cursor: pointer;display: block; margin-left: 10px; margin-right: 27px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: auto;}
.group_select label { vertical-align: middle;}
.dropdown_menu.disabled .dropdown_switch .arrow {  border-top-color: #AEAEAE;}
.dropdown_switch .arrow {border-color: #666666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-right: 6px dashed rgba(0, 0, 0, 0); border-style: solid dashed dashed; border-width: 6px 6px 0; display: inline-block; height: 0; margin-top: -3px; position: absolute; right: 8px;  top: 50%;width: 0;}
.page_user .dropdown_data_list { max-height: 100px;}
.dropdown_data_list {background-color: #FFFFFF; border: 1px solid #C6C6C6; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none;font-size: 14px;  left: 0; max-height: 150px;  min-height: 2em; min-width: 100%;  overflow-x: hidden; overflow-y: auto;  position: absolute;top: 26px;z-index: 1;}
.dropdown_data_item { line-height: 30px;}
.dropdown_data_item a {color: #222222; display: block; padding: 0 28px 0 10px; text-decoration: none;white-space: nowrap;}
.pagination_wrp {text-align: right;}
.pagination_wrp {text-align: right;}
.page_nav_area {letter-spacing: 4px;}
.page_nav_area, .goto_area { display: inline-block; font-size: 12px; vertical-align: middle;}
.col_main, .col_side { word-break: break-all; word-wrap: break-word;}
.table {background-color: #FFFFFF;border-bottom: 1px solid #E6E6E6; border-top: 1px solid #D3D3D3; font-size: 14px; text-align: center;width: 100%;}
.thead {background-color: #F0F0F0;}
.tbody tr:first-child .table_cell { border-top-width: 0;}
.user_list .table_cell.user {padding-left: 12px;text-align: left;}
.user_info {margin-left: 90px;min-height: 48px; position: relative;word-break: break-all; word-wrap: break-word;}
.user_info .avatar {left: -60px; position: absolute; top: 0;}
.user_info .avatar img { height: 48px;width: 48px;}
.user_info .frm_checkbox_label {left: -90px;position: absolute; top: 0;}
.frm_radio_label, .frm_checkbox_label { cursor: pointer;display: inline-block; margin-right: 1em;text-align: left;}
.icon_checkbox {margin-right: 4px;}
.icon_checkbox {background: url(../images/base_z.png) no-repeat 0 -3259px;display: inline-block; height: 16px; margin-top: -0.2em; vertical-align: middle; width: 16px;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
.frm_radio, .frm_checkbox {left: -999em; position: absolute;}
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0;}
textarea, input {color: #666666;}
.tbody tr:first-child .table_cell { border-top-width: 0;}
.user_list .table_cell.user_category {width: 102px;}
.tbody .table_cell { border-top: 1px solid #E6E6E6;padding: 1em 0;}
.dropdown_menu { display: inline-block;line-height: normal; position: relative;text-align: left;width: 95px;}
.tbody tr:first-child .table_cell {border-top-width: 0;}
.user_list .table_cell.user_opr {width: 112px;}
.btn.group_all, .user_opr .btn {background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%);  border-color: #C3C3C3;  color: #000000; height: 25px;line-height: 25px;padding-left: 1em; padding-right: 1em; width: auto;}
.group_list .inner_menu_item .frm_input_box { display: none;width: auto;}
.group_list .inner_menu_link {}
.inner_menu .menu_opr {display: none;position: absolute;right: 1em; top: 0;}
.icon16_common.edit_gray {background: url(../images/base_z.png) no-repeat  0 -1663px;}
.inner_menu .menu_opr a.no_extra {margin-left: 0;}
.inner_menu .menu_opr a {display: inline-block;margin-left: 0.5em; margin-top: -0.2em;}
.icon_checkbox.selected, .selected .icon_checkbox {background: url(../images/base_z.png) no-repeat 0 -3285px;}
.icon_checkbox { margin-right: 4px;}
#userGroups .innder_box{border-bottom: none; box-shadow: none;}
.icon16_common.del_gray {background: url(../images/base_z.png) no-repeat 0 -1689px;}
.buddyRichInfo { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 3px; box-shadow: 0 1px 1px #DDDDDD; color: #000000; left: 0;position: absolute; top: 0; width: 200px; z-index: 1; display: none;}
.buddyRichInfo .header { background-color: #EEEEEE; color: #7B7B7B;font-weight: 700;padding: 3px 12px;}
.buddyRichInfo .infoArea, .buddyRichInfo .loadingArea {  border-top: 1px solid #D3D3D3; padding: 3px 15px;}
.buddyRichInfo .loadingArea { height: 150px; text-align: center;}
.vm_box { display: inline-block;height: 100%;vertical-align: middle;}
.buddyRichInfo .infoArea, .buddyRichInfo .loadingArea { border-top: 1px solid #D3D3D3;padding: 3px 15px;}
.buddyRichInfo .line {padding: 2px 0;}
.buddyRichInfo .buddyRichContent .remarkArea span, .buddyRichInfo .buddyRichContent .nickName, .buddyRichInfo .buddyRichContent .remarkName { display: inline-block; height: 23px;  margin: 0;max-width: 80px;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; word-wrap: normal;}
.icon16_common.man_blue {background: url(../images/base_z.png) no-repeat 0 -1896px;}
.buddyRichInfo .line { padding: 2px 0;}
.icon14_common.edit_gray {background: url(../images/base_z.png) no-repeat 0 -1371px;}
.group:after { clear: both    content: "​";display: block;   height: 0;}
.buddyRichInfo .buddyRichContent .group {width: 120px;}

.create_access {display:block;border:3px dashed #b8b8b8;line-height:150px;font-size:0;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:20px}
.create_access i{cursor:pointer}
.create_access a{display:none;vertical-align:middle;margin-left:10px;margin-right:10px;color:#d9d9d9;font-size:14px;line-height:normal}
.create_access a strong{display:block;font-weight:400;font-style:normal;letter-spacing:2px;}
.create_access:hover 
.add_gray{display:none}
.create_access:hover a{display:inline-block}
.icon_appmsg_create{background:url("../images/media_list_z.png") 0 0 no-repeat;width:50px;height:56px;vertical-align:middle;display:inline-block}
a:hover .icon_appmsg_create{background:url("../images/media_list_z.png") 0 -66px no-repeat}
.icon_appmsg_create.multi{background:url("../images/media_list_z.png") 0 -132px no-repeat}
a:hover .icon_appmsg_create.multi{background:url("../images/media_list_z.png") 0 -198px no-repeat}

/* 管理---菜单管理 */
.hidden_act1 {display: inline-block; height: 18px;  line-height: 100px;  overflow: hidden;  vertical-align: middle; cursor: pointer;	background: url(../images/base_z.png) no-repeat 0 -2192px;  margin-left: 5px;   width: 18px;}
.hidden_act2 {display: inline-block;  height: 18px;  line-height: 100px;  overflow: hidden;  vertical-align: middle;	cursor: pointer; background: url(../images/base_z.png) no-repeat 0 -2584px;   margin-left: 5px;   width: 18px;}
.hidden_act3 {	display: inline-block;   height: 18px;   line-height: 100px;   overflow: hidden;   vertical-align: middle; cursor: pointer;	background: url(../images/base_z.png) no-repeat 0 -1323px;   margin-left: 5px;   width: 18px;}
.menu_table {  margin:0 auto;    margin-top:50px;    background-color:#FFFFFF;  width:780px;   border-collapse:collapse;  border-left:solid 1px #999;   border-bottom:solid 1px #999;   }
.icon18_common{margin-left:5px; cursor:pointer;}   
.menu_table td{  border-right:1px solid #999;   border-top:1px solid #999; width:211px;   padding:8px 8px 8px 40px;}
.act_wrap{ position:relative;}
.menu_name{  border:0px;   text-align:center; font-size:16px;  color:grey; background:#eee; width:100px; padding:10px; cursor:pointer; border:1px dashed #f00;}
#hidden_box {  border:1px solid green;  position:absolute; width:0px;  height:0px;  top:100px;  left:1100px; background:#eee; display:none; filter:alpha('opacity:0'); opacity:0;}
#hidden_box_content { width:500px; height:100px;  margin:0 auto; float:fix; text-align:center; margin-left:40px; }

/* 单图文消息 */
.media_preview_area { float: left; margin-right: 14px; width: 320px; }
.appmsg { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: hidden; position: relative; }
.page_appmsg_edit .appmsg { min-height: 180px; }
.editing .appmsg_content { border-bottom-width: 0; box-shadow: none; }
.appmsg_content { border-bottom: 1px solid #D3D3D3; padding: 0 14px; position: relative; }
.appmsg_title { font-size: 16px; font-style: normal;letter-spacing:0; font-weight: 400; line-height: 28px; max-height: 56px; overflow: hidden; padding-top: 6px; word-break: break-all; word-wrap: break-word; }
.appmsg_title a { color: #222222; display: block; }
.appmsg_info { font-size: 13px; line-height: 20px; padding-bottom: 6px; }
.appmsg_date { font-style: normal; font-weight: 400; }
.appmsg_thumb_wrp { height: 160px; overflow: hidden; }
.editing .appmsg_thumb { display: none; }
.appmsg_thumb { width: 100%; }
.appmsg_thumb.default { background-color: #ECECEC; color: #C0C0C0; display: block; font-size: 22px; font-style: normal; font-weight: 400; line-height: 160px; text-align: center; }
.editing .appmsg_thumb.default { display: block; }
.appmsg_desc { padding: 5px 0 10px; word-break: break-all; word-wrap: break-word; }
.media_edit_area:after { clear: both; content: " . . . . .  "; display: block; height: 0 !important; line-height: 0; visibility: hidden; }
.media_edit_area { display: table-cell; float: none; width: auto; }
.appmsg_editor { padding-left: 12px; position: relative; }
.appmsg_editor .inner { background-color: #F8F8F8; border: 1px solid #D3D3D3; border-radius: 3px; box-shadow: 0 1px 1px 0 #FFFFFF inset; min-height: 350px; padding: 20px; }
.appmsg_edit_item { padding-bottom: 1em; }
.appmsg_edit_item .frm_label:after { clear: both; content: "​"; display: block; height: 0; }
.appmsg_edit_item .frm_label { display: block; float: none; margin-bottom: 4px; margin-right: 0; width: auto; }
.frm_label { float: left; font-size: 14px; margin-right: 1em; margin-top: 0.3em; width: 5em; }
.frm_input_box { background-color: #FFFFFF; border: 1px solid #C3C3C3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; position: relative; vertical-align: middle; width: 278px; }
.appmsg_edit_item .frm_input_box { border-color: #D3D3D3; display: block; height: auto; min-height: 30px; width: auto; }
.frm_input, .frm_textarea { background-color: rgba(0, 0, 0, 0); border: 0 none; outline: 0 none; width: 100%; }
.frm_input { height: 22px; margin: 4px 0; }
.appmsg_edit_item .title { float: left; font-style: normal; font-weight: 400; }
.appmsg_edit_item .tips { color: #A3A3A3; }
.l { float: left; }
.upload_box { display: inline-block; line-height: 1.6; position: relative; vertical-align: middle; z-index: 1; }
.frm_input_box .upload_box { margin-top: -0.35em; }
.upload_area { display: inline-block; position: relative; vertical-align: middle; }
.upload_area .upload_access { color: #666666; display: inline-block; vertical-align: top; }
.icon18_common.upload_gray { background: url(../images/base_z.png) no-repeat 0 -2332px; }
.upload_area .upload_access i { margin-top: -0.2em; }
.upload_file_box { background-color: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 3px; box-shadow: 0 1px 1px #EBEBEB; left: 0; position: absolute; top: 100%; white-space: nowrap; width: 320px; }
.page_appmsg_edit .upload_file_box { border-color: #D3D3D3; border-radius: 0; left: -12px; top: 22px; width: 377px; }
.frm_input_box .upload_box .upload_file_box { border-color: #D3D3D3; border-radius: 0; }
.upload_area object { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.upload_preview { margin-top: 10px; }
.frm_tips { color: #A3A3A3; padding-top: 4px; width: 300px; }
.frm_textarea_box { background-color: #FFFFFF; border: 1px solid #C3C3C3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; display: inline-block; font-size: 14px; padding: 4px 0 4px 10px; width: 288px; }
.appmsg_edit_item .frm_textarea_box { border-color: #D3D3D3; display: block; width: auto; }
.frm_textarea { height: 100px; }
.icon16_common.close { background: url(../images/base_z.png) no-repeat 0 -1611px; }
.appmsg_edit_item.content_edit .close { display: none; position: absolute; right: 20px; top: 12px; }
.r { float: right; }
.edui_editor_wrp { position: relative; z-index: 0; }
.edui-editor { background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: visible; position: relative; }
.edui-default .edui-editor { background-color: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 4px; overflow: visible; position: relative; }
.editor_extra_info { padding-top: 6px; text-align: right; }
.editor_extra_info a { color: #A3A3A3; }
.tool_area { padding: 0 20px; }
.page_appmsg_edit .tool_area { clear: both; margin: 0; padding: 20px 0; }
.tool_area:after { clear: both; content: "​"; display: block; height: 0; }
.tool_bar:after { clear: both; content: "​"; display: block; height: 0; }
.page_appmsg_edit .tool_bar { margin-left: 0; margin-right: 0; }
.tool_bar.border { border-top: 1px solid #E6E6E6; box-shadow: 0 1px 0 #FBFBFB inset; }
.tc { text-align: center; }
.btn.btn_input { padding: 0; }
.tool_bar.tc .btn { margin-left: 0.5em; margin-right: 0.5em; }
.btn_default { background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; }
.btn_default button { color: #000000; }
.btn button { background-color: rgba(0, 0, 0, 0); border: 0 none; display: block; height: 100%; outline: 0 none; overflow: visible; padding: 0 36px; }
.cover_appmsg_item .appmsg_edit_mask { line-height: 160px; }
.appmsg_edit_mask { background: none repeat scroll 0 0 rgba(229, 229, 229, 0.85) !important; display: none; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; }
.icon18_common.edit_gray { background: url(../images/base_z.png) no-repeat 0 -2584px; }
.appmsg_edit_mask a { margin-left: 8px; margin-right: 8px; }
.appmsg_item .appmsg_thumb.default { font-size: 16px; line-height: 78px; }
.appmsg_item .appmsg_edit_mask { line-height: 102px; }
.appmsg_add { line-height: 72px; padding: 12px 14px; text-align: center; }
.appmsg_add a { border: 3px dotted #B8B8B8; border-radius: 5px; display: block; font-size: 0; height: 72px; text-decoration: none; }
.icon24_common { display: inline-block; height: 24px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 24px; }
.icon24_common.add_gray { background: url(../images/base_z.png) no-repeat 0 -3031px; }
.editing .cover_appmsg_item:hover .appmsg_edit_mask, .editing .appmsg_item:hover .appmsg_edit_mask {
    display: block;
}
.data_box{padding:10px 0; overflow:hidden;}
.data_box li{margin:10px 0 0 10px; float:left; _display:inline; background:#EEEEEE; cursor:pointer; padding:4px 5px;}
.data_box li.on{background:gray; color:#fff;}
